<!-- 协议/规则 -->
<template>
	<view class="agreement" :class="{'vip':source == 'vip'}">
		<view class="content">
				<view class="title" v-if="source == 'vip'">
					<image src="https://yzxk.oss-cn-hangzhou.aliyuncs.com/images/mine/vip/left.png"></image>
					<view>已知尊享会员服务协议</view>
					<image src="https://yzxk.oss-cn-hangzhou.aliyuncs.com/images/mine/vip/right.png"></image>
				</view>
				
				<!-- vip协议 -->
				<view class="contain" v-if="source == 'vip'">
					<view class="item">
						    1.已知VIP会员服务协议文字内容占位已知VIP会员服务协议文字内容占位，已知VIP会员服务协议文字内容占位已知VIP
					</view>
					<view class="item">
						    1.已知VIP会员服务协议文字内容占位已知VIP会员服务协议文字内容占位，已知VIP会员服务协议文字内容占位已知VIP
					</view>
				</view>
				
				<!-- 拼团规则 -->
				<view class="contain contain_pd" v-else>
					<view class="item">
						    1.拼团详细规则文字占位拼团详细规则文字占位拼团详细规则文字占位，拼团详细规则文字占位拼团详细规则文字占位。     
					</view>
					<view class="item">
						        1.拼团详细规则文字占位拼团详细规则文字占位拼团详细规则文字占位，拼团详细规则文字占位拼团详细规则文字占位。     
					</view>
				</view>
				
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			source:{
				type:String
			}
		}
	}
</script>

<style lang="scss" scoped>
	.agreement{
		height:calc(100vh - 88rpx);
		background:url('https://yzxk.oss-cn-hangzhou.aliyuncs.com/images/mine/vip/bg6.png') no-repeat;
		background-size: cover;
		padding:40rpx 32rpx 48rpx;
		.content{
			width: 100%;
			height: 100%;
			background-color: #fff;
			border-radius: 20rpx;
			padding:50rpx 42rpx 96rpx;
			.title{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding:0 76rpx;
				image{
					width: 40rpx;
					height: 10rpx;
				}
				view{
					font-size: 34rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #91582F;
				}
			}
			.contain{
				margin-top:58rpx;
				.item{
					line-height: 52rpx;
					margin-bottom:10rpx;
					text-indent:32rpx;
					color:#333333;
				}
			}
			.contain_pd{
				margin-top:0;
				.item{
					margin-bottom:40rpx;
				}
			}
		}
	}
	.vip{
		background:url('https://yzxk.oss-cn-hangzhou.aliyuncs.com/images/mine/vip/bg4.png') no-repeat;
	}
</style>